
@import url('@/styles/theme.scss');
.sex-popup{
	::v-deep .uni-popup__wrapper {
		height: 680rpx;
		background-color: white !important;
		border-radius: 24rpx 24rpx 0 0;
	}
}
.my{
	position: relative;
	.banner{
		width: 100%;
		height: 542rpx;
		background-repeat: no-repeat;
		background-size: cover;
		overflow: hidden;
		border:none;
		background-image: url('');
	}
	.headBox{
		display: flex;
		align-items: center;
		margin-left: 48rpx;
		margin-top: 200rpx;
		image{
			width: 108rpx;
			height: 108rpx;
			border-radius: 50%;
		}
		.userName{
			font-size: 34rpx;
			color: white;
			font-weight: bold;
			margin-left: 32rpx;
		}
	}

	.list-top,.list-bottom{
		height: 330rpx;
		margin: 0 29rpx;
		border-radius: 24rpx;
		box-shadow: 0 4rpx 38rpx 0 rgba(66,77,84,0.00);
		background: #FFFFFF;
		position: relative;
		bottom: 170rpx;
		.list-item{
			height: 110rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;
			border-bottom: 2rpx solid #F4F4F4;
			.left{
				display: flex;
				align-items: center;
				margin-left: 32rpx;
			}
			.icon{
				width: 48rpx;
				height: 48rpx;
			}
			.label{
				font-size: 28rpx;
				font-weight: bold;
				margin-left: 20rpx;
			}
			.arrow{
				width: 12rpx;
				height: 18rpx;
				margin-right: 27rpx;
			}
			.item-value{
				margin-left: 323rpx;
			}
			
		}
		.list-item.sex{
			.item-value{
				margin-left: 463rpx;
			}
		}
		.list-item:last-child{
			border-bottom: none;
			
		}
	}
	.list-bottom{
		height: 220rpx;
		margin-top: 32rpx;
		.list-item{
			.label{
				margin-left: 32rpx;
			}
		}
		.line{
			height: 3rpx;
			background-color: #F4F4F4;
			width: 100%;
		}
	}
	.logout{
		height: 88rpx;
		width: 644rpx;
		background-color: white;
		border-radius: 45rpx;
		font-size: 30rpx;
		text-align: center;
		line-height: 88rpx;
		margin: 0 auto;
		position: relative;
		bottom: 96rpx;
	}

}